$(function () {
    $("#loginBox a").on('click',function () {
        $("#regBox").show();
        $("#loginBox").hide()
    })
    $("#regBox a").on('click',function () {
        $("#loginBox").show();
        $("#regBox").hide();
    })


    // 需求2 定义效验规则
 let form = layui.form;
 form.verify({
    username:[
        /^[a-zA-Z0-9]{1,10}$/,
        '用户名必须1到10位数字和字母'
    ],
    pwd:[
        /^[a-zA-Z0-9]{6,12}$/,
        '用户名必须6到12位数字和字母'

    ],
    rePwd:function (value) {
        
        let pwd = $("#regBox input[name=password]").val();
        if (pwd !== value) {
            return '两次密码输入不一致'
        }
    }
  })

//   需求3:注册功能
let layer = layui.layer;
$("#formReg").on("submit",function (e) {
    // 阻止表单默认提交
    e.preventDefault();
    axios({
        method: 'POST',
        url:'/api/reguser',
        data:$(this).serialize()
    }).then(res =>{
        if (res.data.status !== 0) {
            return layer.msg(res.data.message);
        }
        layer.msg('注册成功');
        $("#regBox a").click();
        $("#formReg")[0].reset(); 
    })

})

// 需求4: 登录功能
$("#formLogin").on("submit",function (e) {
    // 阻止表单默认提交
    e.preventDefault();
    axios({
        method: 'POST',
        url:'/api/reguser',
        data:$(this).serialize()
    }).then(res =>{
        if (res.data.status !== 0) {
            return layer.msg(res.data.message);
        }
        layer.msg('注册成功');
     localStorage.setItem('token',res.data.token);
     location.href = '/index.html';
    })

})



});
